在template中我們可以定義javascript變數為djagno變數,如下:
<script>
let yourhouse = {{ variable }}
function ShowHouses(){
document.getElementById("house").textContent=youhouse;
}
</script>
但如果把上面的內容獨立成.js檔案,這時原本的{{ variable }}就會出現問題了,因為它屬於django的語言,javascript無法解讀,這時其中一個最簡單的方法是:
<script>
let yourhouses = {{ variable }}
</script>
<script>src="{% static 'js/house.js' %}"</script>
你還是必須在提前在template定義你的javacript變數為{{ variable }},然後再加入javascript檔案路徑。